import { style, globalStyle } from '@vanilla-extract/css';

export const listInputStyle = style({
	selectors: {
		'&:focus-within': {
			outline: '2px solid #f80',
			outlineOffset: '2px',
		},
	},
});

globalStyle(`${listInputStyle} li`, {
	outline: 'none',
});

globalStyle(`${listInputStyle},ul`, {
	paddingLeft: '2em',
});
